@charset"utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td{margin:0;padding:0;font-family: arial;}
body,button,input,select,textarea{font:12px/1; background:#FFF;}
h1{font-size:18px;}
h2{font-size:16px;}
h3{font-size:14px;}
h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
small{font-size:12px;}
ul,ol li{list-style:none;}
li{list-style-type:none;}
a:hover{text-decoration:underline;}
abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help;}
q:before,q:after{content:'';}
legend{color:#000;}
fieldset,img{border:none;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
hr{border:none;height:1px;}
html{overflow-y:scroll;}
a{text-decoration:none;color:#000;}
a img{border:0px;}
a:hover{text-decoration:underline;}
@font-face {
  font-family: 'iconfont';  /* project id 441769 */
  src: url('//at.alicdn.com/t/font_441769_xdyihbryai4ibe29.eot');
  src: url('//at.alicdn.com/t/font_441769_xdyihbryai4ibe29.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_441769_xdyihbryai4ibe29.woff') format('woff'),
  url('//at.alicdn.com/t/font_441769_xdyihbryai4ibe29.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_441769_xdyihbryai4ibe29.svg#iconfont') format('svg');
}
/*清除浏览器默认设置*/
header{ width: 100%; height: 97px; overflow: hidden;}
.nose{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
.logo{ width: 207px; height: 65px; float: left; margin-top: 15px;}
.nav{width:915px;height:38px;line-height:38px;text-align:center;font-size:16px;position:absolute;float:right; font-weight:bold; z-index:999; margin-left: 306px; margin-top: 38px;}
/*nav-main*/
ul.nav-main{width:100%;height:auto;list-style-type:none;}
ul.nav-main span{display:inline-block;margin-left:18px;width:12px;height:9px;}
/*导航条设置*/
ul.nav-main>li{width:113px;height:38px;display:block;float:left;color:#0E6EB8;margin-right:1px;cursor:pointer;}
ul.nav-main>li a{ color: #0E6EB8; text-decoration: none;}
ul.nav-main>li:hover{background:#0E6EB8 ; color:#FFFFFF;}
ul.nav-main>li:hover a{ color: #FFFFFF; font-weight: normal}
/*隐藏盒子设置*/
div.hidden-box{width:113px;position:absolute;display:none;background:#315565;top:38px;filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.hidden-box>ul{list-style-type:none;color:#fff;cursor:pointer;}
.hidden-box>ul li{ line-height:38px; height:38px; font-weight:500;}
.hidden-box>ul li a{ text-decoration: none; color: #FFFFFF;}
.hidden-box>ul li:hover{ background: #0E6EB8;filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
/*.hidden-box li:hover{background:#643519;color:#fff}*/
/*隐藏盒子位置设置*/
.hidden-loc-index{left:228px;}
.hidden-loc-us{left:114px;}
.hidden-loc-info{left:408px;}
.box04{left:541px;}
/*头部结束*/
.jdt{ width: 100%; height: auto; overflow: hidden; z-index: 9;}
.jdt img{ width: 100%; height: auto;}
.index_focus{position:relative;width:100%;height:505px;margin:0 auto;overflow:hidden;}
.index_focus .bd li{display:none;position:absolute;left:0;top:0;}
.index_focus_post{z-index:10;}
.index_focus .pic{height:auto;display:block; width: 1600px; height: 505px;}
.index_focus .pic:hover{text-decoration:none;}
.index_focus .slide_nav{position:absolute;left:45%;bottom:2%;}
.index_focus .slide_nav a{cursor:pointer;float:left;font-size:28px;font-family:arial;color:#fff;padding:5px 10px;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration:none;color:#9c0;filter:alpha(opacity=80);opacity:0.8;}
.index_focus_pre,.index_focus_next{display:none;position:absolute;top:50%;margin-top:-36px;width:72px;height:72px;text-indent:100%;white-space:nowrap;overflow:hidden;z-index:10;background:url(../images/ico_sliding.png) no-repeat;}
.index_focus_pre{left:30px;background-position:0 0;}
.index_focus_pre:hover{background-position:0 -144px;}
.index_focus_next{right:30px;background-position:0 -72px;}
.index_focus_next:hover{background-position:0 -216px;}
.index_focus_info{position:absolute;left:10%;bottom:12%;width:800px;height:200px;padding-bottom:10px;color:#fff;text-decoration:none;cursor:pointer;font-family:"\5fae\8f6f\96c5\9ed1";-moz-text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6);-webkit-text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6);text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6);background:url("../images/index_focus_bg.png") no-repeat;_background:none;}
.index_focus_info h3{font-size:36px;line-height:70px;font-family:\5fae\8f6f\96c5\9ed1, \u9ed1\u4f53, "Lucida Grande";display:none;}
.index_focus_info .text{width:500px;line-height:24px;font-size:14px;word-wrap:break-word;overflow:hidden;display:none;}
/*焦点图结束*/
section{ width: 100%; height: auto; overflow: hidden; margin: 40px auto;}
.about{ width: 1200px; height: auto; overflow: hidden; margin: 40px auto;}
.aboutleft{ width: 557px; height: auto; overflow: hidden; float: left; background: #444141;}
.aboutleft img{ width: 538px; height: 392px; display: block; padding: 10px;}
.aboutright{ width: 630px; height: auto; overflow: hidden; float: right;}
.aboutright h2{ font-size: 35px;color: #555555; letter-spacing: 5px;}
.aboutright h2 b{ font-size: 20px; color: #0e6eb8; line-height: 40px;}
.aboutright h2 i{ color: #0E6EB8;}
.aboutright img{ padding: 25px 0;}
.aboutright p{ font-size: 15px; line-height: 32px; color: #555555; padding: 15px 0;}
/*关于我们*/
.business{ width: 100%; height: auto; overflow: hidden; /*background: #0e6eb8;*/}
.busz{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
.busb{ width: 100%; height: auto; overflow: hidden; text-align: center;}
.busb h2{ font-size: 25px; line-height: 40px; color: #0e6eb8; font-weight: normal;}
.busb img{ padding: 25px 0;}
.busb p{ font-size: 15px; line-height: 26px; color: #000000;}
.busp{ width: 100%; height: auto; overflow: hidden; margin: 30px auto;}
.busp li{ width: 227px; height: 227px; float: left; margin-right: 97px;}
.busp li:nth-child(4n){ margin-right: 0;}
.busp li:first-child+li+li+li{ margin-right: 0;}
.busp li img{ width: 227px; height: 227px;}
.busp a{display: block; width: 227px; height: 227px;-webkit-border-radius: 115px;border-radius: 115px;-webkit-transition: -webkit-transform 0.5s ease-out;-moz-transition: -moz-transform 0.5s ease-out;-o-transition: -o-transform 0.5s ease-out;-ms-transition: -ms-transform 0.5s ease-out;}
.busp li a:hover{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
/*主营业务*/
.case{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
.casb{ width: 100%; height: auto; overflow: hidden; text-align: center;}
.casb h2{ font-size: 25px; line-height: 40px; color: #0e6eb8; font-weight: normal;}
.casb img{ padding: 25px 0;}
.casb p{ font-size: 15px; line-height: 26px; color: #00000;}
.cast{ width: 100%; height: auto; overflow: hidden; margin-top: 40px;}
.cast li{ width: 294px; height: 216px; float: left; margin-right: 5px; margin-bottom: 15px;}
.cast li:nth-child(4n){ margin-right: 0;}
.cast li:first-child+li+li+li{ margin-right: 0;}
.cast li h2{ display: none; margin-top: -40%; text-align: center; padding: 0 10px;}
.cast li a{ color: #FFFFFF; text-decoration: none;}
.cast li a:hover h2{display: block;}
/*成功案例*/
footer{ width: 100%; height: auto; overflow: hidden; background: #FFFFFF;}
.foots{ width:100%; height: auto; overflow: hidden; border-bottom: 1px solid #0E6EB8;}
.fotb{ width: 100%; height: auto; overflow: hidden;}
.fotbl{ width: 352px; height: 45px; float: left; padding: 20px 0;}
.fotbl img{ width: 352px; height: 45px;}
.fotbr{ width: 800px; height: auto; overflow: hidden; float: right; padding: 20px 0;}
.fotbr p{ font-size: 16px; line-height: 25px; float: left; color: #0E6EB8;}
.fotbr a{ color: #0E6EB8; text-decoration: none; padding: 0 5px; font-size: 16px; line-height: 25px;}
.fotd{ width: 695px; height: auto; overflow: hidden; float: left;}
.foot{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
.fotx{ width: 100%; height: auto; overflow: hidden; margin: 40px auto;}
.fotxl{ width: 100%; height: auto; overflow: hidden;}
.fotxl li{ float: left; font-size: 12px; line-height: 35px; margin-right: 15px; text-align: center; margin-bottom: 10px;}
.fotxl li a{ color: #0E6EB8; text-decoration: none;}
.fotl{ width: 100%; height: auto; overflow: hidden;}
.fotl li{ height: auto; overflow: hidden; line-height: 40px; float: left; margin-right: 10px;}
.fotl li p{ font-size: 12px; color: #0E6EB8; float: left;}
.fotr{ width: 346px; height: 148px; float: right;}
.fotrw{ width: 20px; font-size: 12px; line-height: 30px; float: left; color: #0E6EB8;}
.fotre{ width: 316px; height: 148px; float: right;}
.fotre img{ width: 148px; height: 148px; float: left; padding-right: 20px;}
.fotre img:nth-child(2n){ padding-right: 0;}
.fotre img:first-child+img{ padding-right: 0;}
/*底部结束*/
/*网站首页结束*/
#leftsead{width:161px;height:290px;position:fixed;top:350px;right:0px; z-index:100;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:161px;height:60px;}
#leftsead li img{float:right;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:161px; text-decoration: none;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:143px;}
#leftsead li a.youhui .2wm{display:none;position:absolute;right:143px;}
#p2{width:112px;background-color:#A7D2A9;height:47px;margin-left:47px;border:1px solid #8BC48D;text-align:center;line-height:47px}
#p3{width:112px;background-color:#EC9890;height:47px;margin-left:47px;border:1px solid #E6776C;text-align:center;line-height:47px}
#p1{width:47px;height:49px;float:left}
/*右侧浮窗结束*/
.brief{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
.briefl{ width: 570px; height: 559px; float: left;}
.briefl img{ width: 570px; height: 559px;}
.briefr{ width: 600px; height: auto; overflow: hidden; float: right;}
.briefr h2{ font-size: 1.5em; color: #212121; text-transform: uppercase; letter-spacing: 3px; font-weight: normal;}
.briefr p{ margin: 1em 0 2em; line-height: 1.2em; color: #999;}
.company{ width: 1200px; height: auto; overflow: hidden; margin: 40px auto;}
.company li{ width: 380px; height: auto; overflow: hidden; float: left; margin-right: 30px;}
.company li img{ width: 380px; height: 300px; display: block;}
.company li:nth-child(3n){ margin-right: 0;}
.company li:first-child+li+li{ margin-right: 0;}
.culture{ width:1200px; height: auto; overflow: hidden; margin: 0 auto;}
.culturel{ width: 500px; height: auto; overflow: hidden; float: left;}
.culturel h2{ font-size: 18px; line-height: 2em; color: #0E6EB8;}
.culturel p{ font-size: 14px; line-height: 2em;}
.culturer{ width: 620px; height: auto; overflow: hidden; float: right;}
.culturer img{ width: 300px; height: 210px; display: block; float: left; margin-left: 10px;}
.certificate{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 40px;}
.certificate li{ width: 390px; height: 220px; float: left; margin-right: 15px; margin-bottom: 20px;}
.certificate li img{}
.certificate li:nth-child(3n){ margin-right: 0;}
.certificate li:first-child+li+li{ margin-right: 0;}
/*关于鸿海结束*/
.newsb{ width: 1200px; height: auto; overflow: hidden; text-align: center; margin: 0 auto; border-bottom: 1px #dfdfdf solid; padding-bottom: 20px;}
.newsb a{ background: #0E6EB8; color: #FFFFFF; font-size: 16px; border-radius: 6px; display: inline-block; padding: 10px 35px; text-decoration: none; margin: 0 15px;}
.newsb a:hover{ background: #99CC00;}
.news{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
.news li{ padding: 20px 0; border-bottom: 1px dashed #DFDFDF;}
.news li h2{ font-weight: bold; color: #555555;}
.news li span{ color: #99CC00; font-size: 16px; line-height: 3em; font-weight: bold;}
.news li p{ color: #666; font-size: 16px; line-height: 2em; margin-bottom: 1em;}
.news li a{ background: #0E6EB8; color: #FFFFFF; font-size: 16px; border-radius: 6px; display: inline-block; padding: 10px 35px; text-decoration: none;}
.news a:hover{ background: #99CC00;}
.lbfy{width:100%;height:auto;overflow:hidden;text-align:center;margin:0 auto; margin-top: 40px;}
.lbfy a{display:inline-block;border:1px solid #dddddd;padding:5px 10px;margin:0 5px;text-decoration:none;}
.lbfy a:hover{border:1px solid #0E6EB8; background: #0E6EB8; color: #FFFFFF;}
.lbfy span{display:inline-block;border:1px solid #dddddd;padding:5px 10px;margin:0 20px;}
.lbfy span:hover{border:1px solid #0E6EB8; background: #0E6EB8; color: #FFFFFF;}
.lbfy select{padding:5px 10px;}
/*新闻结束*/
.article{ width: 1200px; height: auto; overflow: hidden; margin:0 auto; border-bottom: 1px solid #dfdfdf;}
.articleb{ width: 100%; height: auto; overflow: hidden; text-align: center; border-bottom: 1px #dfdfdf solid; padding-bottom: 1.5em;}
.articleb h1{ text-align: center; font-size: 1.5em; line-height: 1.5em; font-weight: normal;}
.articleb p { margin: 0 15px; color: #666;}
.articlen{ width: 100%; height: auto; overflow: hidden; padding: 2em 0;}
.articlen p{ text-indent: 30px; font-size: 16px; color: #777; line-height: 30px;}
.sxp{width:1200px;height:auto;overflow:hidden; margin:0 auto; margin-top: 40px;}
.sxp li{font-size:16px;line-height:24px; float: left; width: 50%;}
.sxp li p{float:left;margin-right:10px;}
.sxp li a{text-decoration:none;}
.sxp li a:hover{color:#0E6EB8;}
/*内容页结束*/
.product{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
.productb{ width: 100%; height: auto; overflow: hidden; text-align: center; border-bottom: 1px solid #DFDFDF; padding-bottom: 2em;}
.productb h2{ font-size: 2em; line-height: 2em; font-weight: normal;}
.productb h1 a{ background: #0E6EB8; color: #FFFFFF; font-size: 16px; border-radius: 6px; display: inline-block; padding: 10px 35px; text-decoration: none; margin:0 15px;}
.productb h1 a:hover{ background: #8BC48D;}
.product ul{ margin-top:20px; height:auto; overflow:hidden;}
.product li{ width: 380px; height: 300px; overflow: hidden; float: left; margin-right: 30px; margin-bottom: 20px;cursor: pointer; display: block; overflow: hidden;}
.product li img{ width: 380px; height: 300px; display: block;}
.product li:hover img{transform: scale(1.2); transition: all 1.5s; -webkit-transition:all 1.6s;}
.product li:nth-child(3n){ margin-right: 0;}
.product li:first-child+li+li{ margin-right: 0;}
.product li p{width:100%;background:#000;opacity:0.7;color:#FFF;font-size:14px;line-height:28px;text-align:center;position:relative;display:block;z-index:1;bottom:0px;margin-top:-28px;}
/*产品中心*/
.tplist{ width: 1200px; height: auto; overflow: hidden; margin: 40px auto;}
.tplist li{ padding: 20px 0; border-bottom: 1px dashed #DFDFDF; height: auto; overflow: hidden;}
.tplisl{ width:240px; height: 188px; float: left; margin-right: 15px;}
.tplisl img{ width: 240px; height: 188px; display: block;}
.tplisr{ width:930px; height: auto; overflow: hidden; float: right;}
.tplisr h2{ font-weight: bold; color: #555555;}
.tplisr span{ color: #99CC00; font-size: 16px; line-height: 3em; font-weight: bold;}
.tplisr p{ color: #666; font-size: 16px; line-height: 2em; margin-bottom: 1em;}
.tplisr a{ background: #0E6EB8; color: #FFFFFF; font-size: 16px; border-radius: 6px; display: inline-block; padding: 10px 35px; text-decoration: none;}
.tplisr a:hover{ background: #8BC48D;}
/*方案案例*/
.contact{ width: 1200px; height: auto; overflow: hidden; margin: 40px auto;}
.conts{ width:100%; height: auto; overflow: hidden;}
.conts li{ width: 390px; height: auto; overflow: hidden; float: left; margin-left: 10px;}
.conts li:nth-child(3n){ margin-right: 0;}
.conts li:first-child+li+li{ margin-right: 0;}
.conts li i{ font-family: 'iconfont'; font-style: inherit; font-size: 3em; color: #777777; margin-right: 15px; float: left;}
.conts li span{ line-height: 1.5em;}
.conts li i:hover{ color: #0E6EB8;}
.cond{ width: 100%; height: auto; overflow: hidden; margin-top: 40px;}
.condl{ width: 555px; height: 330px; float: left;}
.condl img{ width: 555px; height: 330px; display: block;}
.condb{ width: 600px; height: auto; overflow: hidden; float: right;}
.condb li{ width: 99%;border-radius: 10px; border: 1px solid #ccc; margin-bottom: 1.5em;}
.condb li input{ width: 97%; height: 40px; color:#777777; padding-left: 15px; border: none; border-radius: 10px; line-height: 40px;}
.condb li textarea{ width: 97%; height: 130px; color:#777777; padding-left: 15px; border: none; border-radius: 10px; line-height: 40px;}
.condb .submit{ width: 100%; background: #0E6EB8; color:#FFF; font-size:18px; line-height:40px;height:40px; border:none; text-align: center;}